<template>
  <div id="app">
      医院设置新增
      <el-form label-width="120px">
         <el-form-item label="医院名称">
            <el-input v-model="hospitalSet.hosname"/>
         </el-form-item>
         <el-form-item label="医院编号">
            <el-input v-model="hospitalSet.hoscode"/>
         </el-form-item>
         <el-form-item label="api基础路径">
            <el-input v-model="hospitalSet.apiUrl"/>
         </el-form-item>
         <el-form-item label="联系人姓名">
            <el-input v-model="hospitalSet.contactsName"/>
         </el-form-item>
         <el-form-item label="联系人手机">
            <el-input v-model="hospitalSet.contactsPhone"/>
         </el-form-item>
         <el-form-item>
            <el-button type="primary" @click="addOrUpdateHospSet">保存</el-button>
         </el-form-item>
      </el-form>

    
  </div>
</template>

<script>
import hospset from '@/api/hospset.js'

// 定义变量
export default {
  data() {
    return {
      hospitalSet: {}
    }
  },
  // 在页面渲染之前执行，一般调用methods定义的方法，得到数据
  created() {
      //获取路由id值 调用接口得到医院设置信息
      if(this.$route.params && this.$route.params.id) {
         const id = this.$route.params.id
         this.getHospSetById(id)
      } else {
        // 作为新增的页面，初始化清空数据
        this.hospitalSet = {}
      }


  },
  // 定义方法，进行请求接口调用
  methods: {
    addHospSet() {
      hospset.addHospSet(this.hospitalSet)
      .then(response => {
        this.$message({
          type: 'success',
          message: '添加成功'
        })
        // 跳转到列表页面，通过路由跳转方式实现
        this.$router.push({path:'/hospset/list'})
      })
    },
    updateHospitalSet() {
      hospset.updateHospitalSet(this.hospitalSet)
      .then(response => {
        this.$message({
          type: 'success',
          message: '编辑成功'
        })
        // 跳转到列表页面，通过路由跳转方式实现
        this.$router.push({path:'/hospset/list'})
      })
    },
    getHospSetById(id) {
      hospset.getHospSetById(id)
      .then(response => {
        this.hospitalSet = response.data
      })
    },
    addOrUpdateHospSet() {
      //判断添加还是修改
     if(!this.hospitalSet.id) { //没有id，做添加
        this.addHospSet();
     } else {//修改
        this.updateHospitalSet()
     }
    }

  }
}
</script>